<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Icon 图标 | Young Design</title>
    <meta name="description" content="A VitePress site">
    <link rel="stylesheet" href="/young-design-docs/assets/style.fce99c9f.css">
    <link rel="modulepreload" href="/young-design-docs/assets/chunks/iconfont.b28d9a832.js">
    <link rel="modulepreload" href="/young-design-docs/assets/chunks/iconfont.b28d9a83.js">
    <link rel="modulepreload" href="/young-design-docs/assets/app.58e303bb.js">
    <link rel="modulepreload" href="/young-design-docs/assets/examples_icon.md.ff680703.lean.js">
    
    <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance"),a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-7ca77190><!--[--><!--]--><!--[--><span tabindex="-1" data-v-500dd3ea></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-500dd3ea> Skip to content </a><!--]--><!----><header class="VPNav" data-v-7ca77190 data-v-2447c659><div class="VPNavBar has-sidebar" data-v-2447c659 data-v-ca4000e6><div class="container" data-v-ca4000e6><div class="VPNavBarTitle has-sidebar" data-v-ca4000e6 data-v-fb68e53c><a class="title" href="/young-design-docs/" data-v-fb68e53c><!--[--><!--]--><!--[--><img class="VPImage logo" src="/young-design-docs/logo.png" data-v-3b1ccdae><!--]--><!----><!--[--><!--]--></a></div><div class="content" data-v-ca4000e6><!--[--><!--]--><!----><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-ca4000e6 data-v-f0fb1ba2><span id="main-nav-aria-label" class="visually-hidden" data-v-f0fb1ba2>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/young-design-docs/guild/installation.html" data-v-f0fb1ba2 data-v-44d69346 data-v-55b744de><!--[-->指南<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/young-design-docs/examples/button.html" data-v-f0fb1ba2 data-v-44d69346 data-v-55b744de><!--[-->组件<!--]--><!----></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-ca4000e6 data-v-1cf3312d><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" data-v-1cf3312d data-v-1798e8b5 data-v-29ecf87c><span class="check" data-v-29ecf87c><span class="icon" data-v-29ecf87c><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-1798e8b5><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-1798e8b5><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-ca4000e6 data-v-84369ac6 data-v-27273706><!--[--><a class="VPSocialLink" href="https://github.com/gezhicui/young-design" target="_blank" rel="noopener" data-v-27273706 data-v-49138c2c><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-ca4000e6 data-v-38d652da data-v-71baf468><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-71baf468><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-71baf468><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-71baf468><div class="VPMenu" data-v-71baf468 data-v-0d9f6bd1><!----><!--[--><!--[--><!----><div class="group" data-v-38d652da><div class="item appearance" data-v-38d652da><p class="label" data-v-38d652da>Appearance</p><div class="appearance-action" data-v-38d652da><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" data-v-38d652da data-v-1798e8b5 data-v-29ecf87c><span class="check" data-v-29ecf87c><span class="icon" data-v-29ecf87c><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-1798e8b5><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-1798e8b5><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-38d652da><div class="item social-links" data-v-38d652da><div class="VPSocialLinks social-links-list" data-v-38d652da data-v-27273706><!--[--><a class="VPSocialLink" href="https://github.com/gezhicui/young-design" target="_blank" rel="noopener" data-v-27273706 data-v-49138c2c><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-ca4000e6 data-v-6767b273><span class="container" data-v-6767b273><span class="top" data-v-6767b273></span><span class="middle" data-v-6767b273></span><span class="bottom" data-v-6767b273></span></span></button></div></div></div><!----></header><div class="VPLocalNav" data-v-7ca77190 data-v-c9040016><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-c9040016><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="menu-icon" data-v-c9040016><path d="M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"></path><path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"></path><path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"></path><path d="M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"></path></svg><span class="menu-text" data-v-c9040016>Menu</span></button><a class="top-link" href="#" data-v-c9040016> Return to top </a></div><aside class="VPSidebar" data-v-7ca77190 data-v-cdb0a388><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-cdb0a388><span class="visually-hidden" id="sidebar-aria-label" data-v-cdb0a388> Sidebar Navigation </span><!--[--><div class="group" data-v-cdb0a388><section class="VPSidebarGroup" data-v-cdb0a388 data-v-172a63c0><div class="title" data-v-172a63c0><h2 class="title-text" data-v-172a63c0>基础组件</h2><div class="action" data-v-172a63c0><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-172a63c0><!--[--><a class="VPLink link link" href="/young-design-docs/examples/button.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Button 按钮</span><!----><!--]--><!----></a><a class="VPLink link link active" href="/young-design-docs/examples/icon.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Icon 图标</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/container.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Container 布局容器</span><!----><!--]--><!----></a><!--]--></div></section></div><div class="group" data-v-cdb0a388><section class="VPSidebarGroup" data-v-cdb0a388 data-v-172a63c0><div class="title" data-v-172a63c0><h2 class="title-text" data-v-172a63c0>数据展示</h2><div class="action" data-v-172a63c0><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-172a63c0><!--[--><a class="VPLink link link" href="/young-design-docs/examples/avatar.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Avatar 头像</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/info.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Info 信息栏</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/card.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Card 卡片</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/scroll.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Scroll 滚动</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/switch.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Switch 开关</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/select.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Select 选择器</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/input.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Input 输入框</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/textarea.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Textarea 文本域</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/radio.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Radio 单选框</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/rate.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Rate 评分</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/upload.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Upload 上传</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/table.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Table 表格</span><!----><!--]--><!----></a><!--]--></div></section></div><div class="group" data-v-cdb0a388><section class="VPSidebarGroup" data-v-cdb0a388 data-v-172a63c0><div class="title" data-v-172a63c0><h2 class="title-text" data-v-172a63c0>导航组件</h2><div class="action" data-v-172a63c0><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-172a63c0><!--[--><a class="VPLink link link" href="/young-design-docs/examples/back-top.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>BackTop 回到顶部</span><!----><!--]--><!----></a><!--]--></div></section></div><div class="group" data-v-cdb0a388><section class="VPSidebarGroup" data-v-cdb0a388 data-v-172a63c0><div class="title" data-v-172a63c0><h2 class="title-text" data-v-172a63c0>反馈组件</h2><div class="action" data-v-172a63c0><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-172a63c0><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-172a63c0><!--[--><a class="VPLink link link" href="/young-design-docs/examples/message.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Message 消息提示</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/notification.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Notification 通知</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/dialog.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Dialog 对话框</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/drawer.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Drawer 抽屉</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/shake.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Shake 抖动</span><!----><!--]--><!----></a><a class="VPLink link link" href="/young-design-docs/examples/popover.html" data-v-172a63c0 data-v-10b81855 data-v-55b744de><!--[--><span class="link-text" data-v-10b81855>Popover 弹出框</span><!----><!--]--><!----></a><!--]--></div></section></div><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-7ca77190 data-v-2801a258><div class="VPDoc has-sidebar has-aside" data-v-2801a258 data-v-48aae400><div class="container" data-v-48aae400><div class="aside" data-v-48aae400><div class="aside-curtain" data-v-48aae400></div><div class="aside-container" data-v-48aae400><div class="aside-content" data-v-48aae400><div class="VPDocAside" data-v-48aae400 data-v-6bc6e7f3><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline has-outline" data-v-6bc6e7f3 data-v-41b3a498><div class="content" data-v-41b3a498><div class="outline-marker" data-v-41b3a498></div><div class="outline-title" data-v-41b3a498>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-41b3a498><span class="visually-hidden" id="doc-outline-aria-label" data-v-41b3a498> Table of Contents for current page </span><ul class="root" data-v-41b3a498><!--[--><li style="" data-v-41b3a498><a class="outline-link" href="#基础用法" data-v-41b3a498>基础用法</a><!----></li><li style="" data-v-41b3a498><a class="outline-link" href="#修改颜色" data-v-41b3a498>修改颜色</a><!----></li><li style="" data-v-41b3a498><a class="outline-link" href="#控制大小" data-v-41b3a498>控制大小</a><!----></li><li style="" data-v-41b3a498><a class="outline-link" href="#添加角标" data-v-41b3a498>添加角标</a><!----></li><li style="" data-v-41b3a498><a class="outline-link" href="#数字角标" data-v-41b3a498>数字角标</a><!----></li><li style="" data-v-41b3a498><a class="outline-link" href="#api" data-v-41b3a498>API</a><!----></li><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-6bc6e7f3></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-48aae400><div class="content-container" data-v-48aae400><!--[--><!--]--><main class="main" data-v-48aae400><div style="position:relative;" class="vp-doc _young-design-docs_examples_icon" data-v-48aae400><div><h1 id="icon-图标" tabindex="-1">Icon 图标 <a class="header-anchor" href="#icon-图标" aria-hidden="true">#</a></h1><h2 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-hidden="true">#</a></h2><div class="icon-wrap"><!--[--><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-you"></use></svg><!----></div><span class="icon-name">you</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yixuan"></use></svg><!----></div><span class="icon-name">yixuan</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yixuanze"></use></svg><!----></div><span class="icon-name">yixuanze</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zengjia"></use></svg><!----></div><span class="icon-name">zengjia</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zuo"></use></svg><!----></div><span class="icon-name">zuo</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fire"></use></svg><!----></div><span class="icon-name">fire</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-stop"></use></svg><!----></div><span class="icon-name">stop</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rollback"></use></svg><!----></div><span class="icon-name">rollback</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-question"></use></svg><!----></div><span class="icon-name">question</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-close"></use></svg><!----></div><span class="icon-name">close</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-check"></use></svg><!----></div><span class="icon-name">check</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-menu"></use></svg><!----></div><span class="icon-name">menu</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-outdent"></use></svg><!----></div><span class="icon-name">outdent</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-vertical-align-top"></use></svg><!----></div><span class="icon-name">vertical-align-top</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-vertical-align-botto"></use></svg><!----></div><span class="icon-name">vertical-align-botto</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-arrowdown"></use></svg><!----></div><span class="icon-name">arrowdown</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-arrowleft"></use></svg><!----></div><span class="icon-name">arrowleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-arrowup"></use></svg><!----></div><span class="icon-name">arrowup</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-arrowright"></use></svg><!----></div><span class="icon-name">arrowright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fullscreen-exit"></use></svg><!----></div><span class="icon-name">fullscreen-exit</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fullscreen"></use></svg><!----></div><span class="icon-name">fullscreen</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-down"></use></svg><!----></div><span class="icon-name">down</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-up"></use></svg><!----></div><span class="icon-name">up</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-left"></use></svg><!----></div><span class="icon-name">left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-right"></use></svg><!----></div><span class="icon-name">right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-verticalleft"></use></svg><!----></div><span class="icon-name">verticalleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-verticalright"></use></svg><!----></div><span class="icon-name">verticalright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-arrawsalt"></use></svg><!----></div><span class="icon-name">arrawsalt</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shrink"></use></svg><!----></div><span class="icon-name">shrink</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-share"></use></svg><!----></div><span class="icon-name">share</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tags"></use></svg><!----></div><span class="icon-name">tags</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-phone"></use></svg><!----></div><span class="icon-name">phone</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-heart"></use></svg><!----></div><span class="icon-name">heart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-sync"></use></svg><!----></div><span class="icon-name">cloud-sync</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-download"></use></svg><!----></div><span class="icon-name">cloud-download</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud"></use></svg><!----></div><span class="icon-name">cloud</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-camera"></use></svg><!----></div><span class="icon-name">camera</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-deploymentunit"></use></svg><!----></div><span class="icon-name">deploymentunit</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-add"></use></svg><!----></div><span class="icon-name">folder-add</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-open"></use></svg><!----></div><span class="icon-name">folder-open</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder"></use></svg><!----></div><span class="icon-name">folder</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-unlike"></use></svg><!----></div><span class="icon-name">unlike</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-like"></use></svg><!----></div><span class="icon-name">like</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bank"></use></svg><!----></div><span class="icon-name">bank</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-home"></use></svg><!----></div><span class="icon-name">home</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-delete"></use></svg><!----></div><span class="icon-name">delete</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-filesearch"></use></svg><!----></div><span class="icon-name">filesearch</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-filesync"></use></svg><!----></div><span class="icon-name">filesync</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-exception"></use></svg><!----></div><span class="icon-name">file-exception</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-filedone"></use></svg><!----></div><span class="icon-name">filedone</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-mobile"></use></svg><!----></div><span class="icon-name">mobile</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-linechart"></use></svg><!----></div><span class="icon-name">linechart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-team"></use></svg><!----></div><span class="icon-name">team</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-user"></use></svg><!----></div><span class="icon-name">user</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-addteam"></use></svg><!----></div><span class="icon-name">addteam</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-deleteuser"></use></svg><!----></div><span class="icon-name">deleteuser</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-deleteteam"></use></svg><!----></div><span class="icon-name">deleteteam</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-adduser"></use></svg><!----></div><span class="icon-name">adduser</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-detail"></use></svg><!----></div><span class="icon-name">detail</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-codelibrary"></use></svg><!----></div><span class="icon-name">codelibrary</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-left-square"></use></svg><!----></div><span class="icon-name">left-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-appstore"></use></svg><!----></div><span class="icon-name">appstore</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-export"></use></svg><!----></div><span class="icon-name">export</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-edit-square"></use></svg><!----></div><span class="icon-name">edit-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-location"></use></svg><!----></div><span class="icon-name">location</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-setting"></use></svg><!----></div><span class="icon-name">setting</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-piechart"></use></svg><!----></div><span class="icon-name">piechart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-poweroff"></use></svg><!----></div><span class="icon-name">poweroff</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-message"></use></svg><!----></div><span class="icon-name">message</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reloadtime"></use></svg><!----></div><span class="icon-name">reloadtime</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reload"></use></svg><!----></div><span class="icon-name">reload</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-redo"></use></svg><!----></div><span class="icon-name">redo</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-undo"></use></svg><!----></div><span class="icon-name">undo</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sync"></use></svg><!----></div><span class="icon-name">sync</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-warning-circle"></use></svg><!----></div><span class="icon-name">warning-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-up-circle"></use></svg><!----></div><span class="icon-name">up-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-timeout"></use></svg><!----></div><span class="icon-name">timeout</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-right-circle"></use></svg><!----></div><span class="icon-name">right-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-question-circle"></use></svg><!----></div><span class="icon-name">question-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-play-circle"></use></svg><!----></div><span class="icon-name">play-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-plus-circle"></use></svg><!----></div><span class="icon-name">plus-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-minus-circle"></use></svg><!----></div><span class="icon-name">minus-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-down-circle"></use></svg><!----></div><span class="icon-name">down-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-left-circle"></use></svg><!----></div><span class="icon-name">left-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-check-circle"></use></svg><!----></div><span class="icon-name">check-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-info-circle"></use></svg><!----></div><span class="icon-name">info-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-close-circle"></use></svg><!----></div><span class="icon-name">close-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-instagram"></use></svg><!----></div><span class="icon-name">instagram</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-barcode"></use></svg><!----></div><span class="icon-name">barcode</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dribbble"></use></svg><!----></div><span class="icon-name">dribbble</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-laptop"></use></svg><!----></div><span class="icon-name">laptop</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Gitlab"></use></svg><!----></div><span class="icon-name">Gitlab</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sliders"></use></svg><!----></div><span class="icon-name">sliders</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sketch"></use></svg><!----></div><span class="icon-name">sketch</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-build"></use></svg><!----></div><span class="icon-name">build</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-android"></use></svg><!----></div><span class="icon-name">android</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-boxplot"></use></svg><!----></div><span class="icon-name">boxplot</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-apple"></use></svg><!----></div><span class="icon-name">apple</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-select"></use></svg><!----></div><span class="icon-name">select</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-aliwangwang"></use></svg><!----></div><span class="icon-name">aliwangwang</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-scan"></use></svg><!----></div><span class="icon-name">scan</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-codepen"></use></svg><!----></div><span class="icon-name">codepen</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calendar"></use></svg><!----></div><span class="icon-name">calendar</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-chrome"></use></svg><!----></div><span class="icon-name">chrome</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calendar-check"></use></svg><!----></div><span class="icon-name">calendar-check</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-CodeSandbox"></use></svg><!----></div><span class="icon-name">CodeSandbox</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-carryout"></use></svg><!----></div><span class="icon-name">carryout</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-skype"></use></svg><!----></div><span class="icon-name">skype</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-contacts"></use></svg><!----></div><span class="icon-name">contacts</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-facebook"></use></svg><!----></div><span class="icon-name">facebook</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-accountbook"></use></svg><!----></div><span class="icon-name">accountbook</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yahoo"></use></svg><!----></div><span class="icon-name">yahoo</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shopping"></use></svg><!----></div><span class="icon-name">shopping</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-linkedin"></use></svg><!----></div><span class="icon-name">linkedin</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rocket"></use></svg><!----></div><span class="icon-name">rocket</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-HTML"></use></svg><!----></div><span class="icon-name">HTML</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shop"></use></svg><!----></div><span class="icon-name">shop</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zhihu"></use></svg><!----></div><span class="icon-name">zhihu</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-medicinebox"></use></svg><!----></div><span class="icon-name">medicinebox</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-taobao"></use></svg><!----></div><span class="icon-name">taobao</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-moneycollect"></use></svg><!----></div><span class="icon-name">moneycollect</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alipay"></use></svg><!----></div><span class="icon-name">alipay</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-flag"></use></svg><!----></div><span class="icon-name">flag</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-slack"></use></svg><!----></div><span class="icon-name">slack</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-customerservice"></use></svg><!----></div><span class="icon-name">customerservice</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-amazon"></use></svg><!----></div><span class="icon-name">amazon</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-lock"></use></svg><!----></div><span class="icon-name">lock</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-IE"></use></svg><!----></div><span class="icon-name">IE</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-unlock"></use></svg><!----></div><span class="icon-name">unlock</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-google"></use></svg><!----></div><span class="icon-name">google</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-funnelplot"></use></svg><!----></div><span class="icon-name">funnelplot</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-medium"></use></svg><!----></div><span class="icon-name">medium</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-filter"></use></svg><!----></div><span class="icon-name">filter</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-googleplus"></use></svg><!----></div><span class="icon-name">googleplus</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-skin"></use></svg><!----></div><span class="icon-name">skin</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-behance"></use></svg><!----></div><span class="icon-name">behance</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-USB"></use></svg><!----></div><span class="icon-name">USB</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-ant-cloud"></use></svg><!----></div><span class="icon-name">ant-cloud</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rest"></use></svg><!----></div><span class="icon-name">rest</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-antdesign"></use></svg><!----></div><span class="icon-name">antdesign</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-trophy"></use></svg><!----></div><span class="icon-name">trophy</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alibaba"></use></svg><!----></div><span class="icon-name">alibaba</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bell"></use></svg><!----></div><span class="icon-name">bell</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-experiment"></use></svg><!----></div><span class="icon-name">experiment</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bulb"></use></svg><!----></div><span class="icon-name">bulb</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-hourglass"></use></svg><!----></div><span class="icon-name">hourglass</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alert"></use></svg><!----></div><span class="icon-name">alert</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insurance"></use></svg><!----></div><span class="icon-name">insurance</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-safetycertificate"></use></svg><!----></div><span class="icon-name">safetycertificate</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-propertysafety"></use></svg><!----></div><span class="icon-name">propertysafety</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-securityscan"></use></svg><!----></div><span class="icon-name">securityscan</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Batchfolding"></use></svg><!----></div><span class="icon-name">Batchfolding</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-diff"></use></svg><!----></div><span class="icon-name">diff</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-audit"></use></svg><!----></div><span class="icon-name">audit</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-snippets"></use></svg><!----></div><span class="icon-name">snippets</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-copy"></use></svg><!----></div><span class="icon-name">file-copy</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-text"></use></svg><!----></div><span class="icon-name">file-text</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-zip"></use></svg><!----></div><span class="icon-name">file-zip</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file"></use></svg><!----></div><span class="icon-name">file</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-word"></use></svg><!----></div><span class="icon-name">file-word</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-ppt"></use></svg><!----></div><span class="icon-name">file-ppt</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-unknown"></use></svg><!----></div><span class="icon-name">file-unknown</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-markdown"></use></svg><!----></div><span class="icon-name">file-markdown</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-image"></use></svg><!----></div><span class="icon-name">file-image</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-pdf"></use></svg><!----></div><span class="icon-name">file-pdf</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-exclamation"></use></svg><!----></div><span class="icon-name">file-exclamation</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-excel"></use></svg><!----></div><span class="icon-name">file-excel</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-add"></use></svg><!----></div><span class="icon-name">file-add</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fileprotect"></use></svg><!----></div><span class="icon-name">fileprotect</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-solution"></use></svg><!----></div><span class="icon-name">solution</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reconciliation"></use></svg><!----></div><span class="icon-name">reconciliation</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-book"></use></svg><!----></div><span class="icon-name">book</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-redenvelope"></use></svg><!----></div><span class="icon-name">redenvelope</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tablet"></use></svg><!----></div><span class="icon-name">tablet</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sever"></use></svg><!----></div><span class="icon-name">sever</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-database"></use></svg><!----></div><span class="icon-name">database</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-container"></use></svg><!----></div><span class="icon-name">container</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pointmap"></use></svg><!----></div><span class="icon-name">pointmap</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-barchart"></use></svg><!----></div><span class="icon-name">barchart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-areachart"></use></svg><!----></div><span class="icon-name">areachart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radius-setting"></use></svg><!----></div><span class="icon-name">radius-setting</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radius-upright"></use></svg><!----></div><span class="icon-name">radius-upright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radius-upleft"></use></svg><!----></div><span class="icon-name">radius-upleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radius-bottomright"></use></svg><!----></div><span class="icon-name">radius-bottomright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radius-bottomleft"></use></svg><!----></div><span class="icon-name">radius-bottomleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-horizontal"></use></svg><!----></div><span class="icon-name">border-horizontal</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-verticle"></use></svg><!----></div><span class="icon-name">border-verticle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-inner"></use></svg><!----></div><span class="icon-name">border-inner</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-right"></use></svg><!----></div><span class="icon-name">border-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-left"></use></svg><!----></div><span class="icon-name">border-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-bottom"></use></svg><!----></div><span class="icon-name">border-bottom</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-top"></use></svg><!----></div><span class="icon-name">border-top</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border-outer"></use></svg><!----></div><span class="icon-name">border-outer</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-border"></use></svg><!----></div><span class="icon-name">border</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-check-square"></use></svg><!----></div><span class="icon-name">check-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-interation"></use></svg><!----></div><span class="icon-name">interation</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calculator"></use></svg><!----></div><span class="icon-name">calculator</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-up-square"></use></svg><!----></div><span class="icon-name">up-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wallet"></use></svg><!----></div><span class="icon-name">wallet</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-project"></use></svg><!----></div><span class="icon-name">project</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-right-square"></use></svg><!----></div><span class="icon-name">right-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-plus-square"></use></svg><!----></div><span class="icon-name">plus-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-minus-square"></use></svg><!----></div><span class="icon-name">minus-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-control"></use></svg><!----></div><span class="icon-name">control</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-play-square"></use></svg><!----></div><span class="icon-name">play-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-layout"></use></svg><!----></div><span class="icon-name">layout</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-down-square"></use></svg><!----></div><span class="icon-name">down-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-close-square"></use></svg><!----></div><span class="icon-name">close-square</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Import"></use></svg><!----></div><span class="icon-name">Import</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-save"></use></svg><!----></div><span class="icon-name">save</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-eye"></use></svg><!----></div><span class="icon-name">eye</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-logout"></use></svg><!----></div><span class="icon-name">logout</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-issuesclose"></use></svg><!----></div><span class="icon-name">issuesclose</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dashboard"></use></svg><!----></div><span class="icon-name">dashboard</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-transaction"></use></svg><!----></div><span class="icon-name">transaction</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-YUAN"></use></svg><!----></div><span class="icon-name">YUAN</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-earth"></use></svg><!----></div><span class="icon-name">earth</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-time-circle"></use></svg><!----></div><span class="icon-name">time-circle</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-trademark"></use></svg><!----></div><span class="icon-name">trademark</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-smile"></use></svg><!----></div><span class="icon-name">smile</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Pound"></use></svg><!----></div><span class="icon-name">Pound</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-meh"></use></svg><!----></div><span class="icon-name">meh</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-copyright"></use></svg><!----></div><span class="icon-name">copyright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-EURO"></use></svg><!----></div><span class="icon-name">EURO</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-frown"></use></svg><!----></div><span class="icon-name">frown</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-compass"></use></svg><!----></div><span class="icon-name">compass</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-exclamation-fil"></use></svg><!----></div><span class="icon-name">file-exclamation-fil</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Dollar"></use></svg><!----></div><span class="icon-name">Dollar</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-CI"></use></svg><!----></div><span class="icon-name">CI</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-ungroup"></use></svg><!----></div><span class="icon-name">ungroup</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shortcut"></use></svg><!----></div><span class="icon-name">shortcut</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-View"></use></svg><!----></div><span class="icon-name">View</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-safetycertificate-f"></use></svg><!----></div><span class="icon-name">safetycertificate-f</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Report"></use></svg><!----></div><span class="icon-name">Report</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-send"></use></svg><!----></div><span class="icon-name">send</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-group"></use></svg><!----></div><span class="icon-name">group</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-GIF"></use></svg><!----></div><span class="icon-name">file-GIF</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-view"></use></svg><!----></div><span class="icon-name">folder-view</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-expend"></use></svg><!----></div><span class="icon-name">expend</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-compress"></use></svg><!----></div><span class="icon-name">compress</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-aim"></use></svg><!----></div><span class="icon-name">aim</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-icon-test"></use></svg><!----></div><span class="icon-name">icon-test</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Console-SQL"></use></svg><!----></div><span class="icon-name">Console-SQL</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Field-Binary"></use></svg><!----></div><span class="icon-name">Field-Binary</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Storedprocedure"></use></svg><!----></div><span class="icon-name">Storedprocedure</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-index"></use></svg><!----></div><span class="icon-name">index</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Partition"></use></svg><!----></div><span class="icon-name">Partition</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-GIF"></use></svg><!----></div><span class="icon-name">GIF</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Field-time"></use></svg><!----></div><span class="icon-name">Field-time</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Function"></use></svg><!----></div><span class="icon-name">Function</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Field-String"></use></svg><!----></div><span class="icon-name">Field-String</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Field-number"></use></svg><!----></div><span class="icon-name">Field-number</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sisternode"></use></svg><!----></div><span class="icon-name">sisternode</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-deleterow"></use></svg><!----></div><span class="icon-name">deleterow</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-translate"></use></svg><!----></div><span class="icon-name">translate</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insertrowleft"></use></svg><!----></div><span class="icon-name">insertrowleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insertrowright"></use></svg><!----></div><span class="icon-name">insertrowright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-formatpainter"></use></svg><!----></div><span class="icon-name">formatpainter</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-solit-cells"></use></svg><!----></div><span class="icon-name">solit-cells</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-table1"></use></svg><!----></div><span class="icon-name">table1</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insertrowabove"></use></svg><!----></div><span class="icon-name">insertrowabove</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-piechart-circle-fil"></use></svg><!----></div><span class="icon-name">piechart-circle-fil</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insertrowbelow"></use></svg><!----></div><span class="icon-name">insertrowbelow</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rotate-right"></use></svg><!----></div><span class="icon-name">rotate-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rotate-left"></use></svg><!----></div><span class="icon-name">rotate-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-trademark-circle-fil"></use></svg><!----></div><span class="icon-name">trademark-circle-fil</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-subnode"></use></svg><!----></div><span class="icon-name">subnode</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-merge-cells"></use></svg><!----></div><span class="icon-name">merge-cells</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-deletecolumn"></use></svg><!----></div><span class="icon-name">deletecolumn</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-expand"></use></svg><!----></div><span class="icon-name">expand</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-collapse"></use></svg><!----></div><span class="icon-name">collapse</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-clear"></use></svg><!----></div><span class="icon-name">clear</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-eye-close"></use></svg><!----></div><span class="icon-name">eye-close</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-plus"></use></svg><!----></div><span class="icon-name">plus</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-woman"></use></svg><!----></div><span class="icon-name">woman</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-swap-left"></use></svg><!----></div><span class="icon-name">swap-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-copyright-circle-fil"></use></svg><!----></div><span class="icon-name">copyright-circle-fil</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-swap-right"></use></svg><!----></div><span class="icon-name">swap-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-step-forward"></use></svg><!----></div><span class="icon-name">step-forward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-step-backward"></use></svg><!----></div><span class="icon-name">step-backward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-login"></use></svg><!----></div><span class="icon-name">login</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-retweet"></use></svg><!----></div><span class="icon-name">retweet</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-search"></use></svg><!----></div><span class="icon-name">search</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fast-forward"></use></svg><!----></div><span class="icon-name">fast-forward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-forward"></use></svg><!----></div><span class="icon-name">forward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fast-backward"></use></svg><!----></div><span class="icon-name">fast-backward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-thunderbolt"></use></svg><!----></div><span class="icon-name">thunderbolt</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-caret-left"></use></svg><!----></div><span class="icon-name">caret-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-gift"></use></svg><!----></div><span class="icon-name">gift</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-caret-right"></use></svg><!----></div><span class="icon-name">caret-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-desktop"></use></svg><!----></div><span class="icon-name">desktop</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-caret-up"></use></svg><!----></div><span class="icon-name">caret-up</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-drag"></use></svg><!----></div><span class="icon-name">drag</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-backward"></use></svg><!----></div><span class="icon-name">backward</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-crown"></use></svg><!----></div><span class="icon-name">crown</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-caret-down"></use></svg><!----></div><span class="icon-name">caret-down</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bg-colors"></use></svg><!----></div><span class="icon-name">bg-colors</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-appstoreadd"></use></svg><!----></div><span class="icon-name">appstoreadd</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pause"></use></svg><!----></div><span class="icon-name">pause</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-whatsapp"></use></svg><!----></div><span class="icon-name">whatsapp</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-small-dash"></use></svg><!----></div><span class="icon-name">small-dash</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-switchuser"></use></svg><!----></div><span class="icon-name">switchuser</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-minus"></use></svg><!----></div><span class="icon-name">minus</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-videocameraadd"></use></svg><!----></div><span class="icon-name">videocameraadd</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-line"></use></svg><!----></div><span class="icon-name">line</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-enter"></use></svg><!----></div><span class="icon-name">enter</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-verified"></use></svg><!----></div><span class="icon-name">verified</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dash"></use></svg><!----></div><span class="icon-name">dash</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-ellipsis"></use></svg><!----></div><span class="icon-name">ellipsis</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-comment"></use></svg><!----></div><span class="icon-name">comment</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-column-width"></use></svg><!----></div><span class="icon-name">column-width</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-audiostatic"></use></svg><!----></div><span class="icon-name">audiostatic</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-code"></use></svg><!----></div><span class="icon-name">code</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bug"></use></svg><!----></div><span class="icon-name">bug</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-italic"></use></svg><!----></div><span class="icon-name">italic</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-number"></use></svg><!----></div><span class="icon-name">number</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-underline"></use></svg><!----></div><span class="icon-name">underline</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zoomin"></use></svg><!----></div><span class="icon-name">zoomin</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-strikethrough"></use></svg><!----></div><span class="icon-name">strikethrough</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-robot"></use></svg><!----></div><span class="icon-name">robot</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-line-height"></use></svg><!----></div><span class="icon-name">line-height</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-infomation"></use></svg><!----></div><span class="icon-name">infomation</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-audio"></use></svg><!----></div><span class="icon-name">audio</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-font-size"></use></svg><!----></div><span class="icon-name">font-size</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-apartment"></use></svg><!----></div><span class="icon-name">apartment</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-exclaimination"></use></svg><!----></div><span class="icon-name">exclaimination</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zoomout"></use></svg><!----></div><span class="icon-name">zoomout</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-font-colors"></use></svg><!----></div><span class="icon-name">font-colors</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bold"></use></svg><!----></div><span class="icon-name">bold</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pic-left"></use></svg><!----></div><span class="icon-name">pic-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pic-right"></use></svg><!----></div><span class="icon-name">pic-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pic-center"></use></svg><!----></div><span class="icon-name">pic-center</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-align-left"></use></svg><!----></div><span class="icon-name">align-left</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-align-center"></use></svg><!----></div><span class="icon-name">align-center</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-align-right"></use></svg><!----></div><span class="icon-name">align-right</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-orderedlist"></use></svg><!----></div><span class="icon-name">orderedlist</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-unorderedlist"></use></svg><!----></div><span class="icon-name">unorderedlist</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-indent"></use></svg><!----></div><span class="icon-name">indent</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rise"></use></svg><!----></div><span class="icon-name">rise</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-stock"></use></svg><!----></div><span class="icon-name">stock</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-swap"></use></svg><!----></div><span class="icon-name">swap</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-googleplus-square-f"></use></svg><!----></div><span class="icon-name">googleplus-square-f</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fall"></use></svg><!----></div><span class="icon-name">fall</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sort-ascending"></use></svg><!----></div><span class="icon-name">sort-ascending</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sort-descending"></use></svg><!----></div><span class="icon-name">sort-descending</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-download"></use></svg><!----></div><span class="icon-name">download</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-totop"></use></svg><!----></div><span class="icon-name">totop</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-vertical-align-middl"></use></svg><!----></div><span class="icon-name">vertical-align-middl</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-colum-height"></use></svg><!----></div><span class="icon-name">colum-height</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-CodeSandbox-square-f"></use></svg><!----></div><span class="icon-name">CodeSandbox-square-f</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-upload"></use></svg><!----></div><span class="icon-name">upload</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-doubleright"></use></svg><!----></div><span class="icon-name">doubleright</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-doubleleft"></use></svg><!----></div><span class="icon-name">doubleleft</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fork"></use></svg><!----></div><span class="icon-name">fork</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-branches"></use></svg><!----></div><span class="icon-name">branches</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-mr"></use></svg><!----></div><span class="icon-name">mr</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-scissor"></use></svg><!----></div><span class="icon-name">scissor</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wrench"></use></svg><!----></div><span class="icon-name">wrench</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tag"></use></svg><!----></div><span class="icon-name">tag</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shake"></use></svg><!----></div><span class="icon-name">shake</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pushpin"></use></svg><!----></div><span class="icon-name">pushpin</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-percentage"></use></svg><!----></div><span class="icon-name">percentage</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-man"></use></svg><!----></div><span class="icon-name">man</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-link"></use></svg><!----></div><span class="icon-name">link</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-monitor"></use></svg><!----></div><span class="icon-name">monitor</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-googleplus-circle-f"></use></svg><!----></div><span class="icon-name">googleplus-circle-f</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-highlight"></use></svg><!----></div><span class="icon-name">highlight</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-disconnect"></use></svg><!----></div><span class="icon-name">disconnect</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-api"></use></svg><!----></div><span class="icon-name">api</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-key"></use></svg><!----></div><span class="icon-name">key</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-CodeSandbox-circle-f"></use></svg><!----></div><span class="icon-name">CodeSandbox-circle-f</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-edit"></use></svg><!----></div><span class="icon-name">edit</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-attachment"></use></svg><!----></div><span class="icon-name">attachment</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wifi"></use></svg><!----></div><span class="icon-name">wifi</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-heatmap"></use></svg><!----></div><span class="icon-name">heatmap</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-gold"></use></svg><!----></div><span class="icon-name">gold</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-star"></use></svg><!----></div><span class="icon-name">star</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-error"></use></svg><!----></div><span class="icon-name">error</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-block"></use></svg><!----></div><span class="icon-name">block</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-creditcard"></use></svg><!----></div><span class="icon-name">creditcard</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-idcard"></use></svg><!----></div><span class="icon-name">idcard</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-table"></use></svg><!----></div><span class="icon-name">table</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-weibo"></use></svg><!----></div><span class="icon-name">weibo</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-mail"></use></svg><!----></div><span class="icon-name">mail</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-image"></use></svg><!----></div><span class="icon-name">image</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-twitter"></use></svg><!----></div><span class="icon-name">twitter</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fund"></use></svg><!----></div><span class="icon-name">fund</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-QQ"></use></svg><!----></div><span class="icon-name">QQ</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-qrcode"></use></svg><!----></div><span class="icon-name">qrcode</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-radarchart"></use></svg><!----></div><span class="icon-name">radarchart</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sound"></use></svg><!----></div><span class="icon-name">sound</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-notification"></use></svg><!----></div><span class="icon-name">notification</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-video"></use></svg><!----></div><span class="icon-name">video</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dingtalk"></use></svg><!----></div><span class="icon-name">dingtalk</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-upload"></use></svg><!----></div><span class="icon-name">cloud-upload</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dropbox"></use></svg><!----></div><span class="icon-name">dropbox</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-server"></use></svg><!----></div><span class="icon-name">cloud-server</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-read"></use></svg><!----></div><span class="icon-name">read</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Youtube"></use></svg><!----></div><span class="icon-name">Youtube</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-printer"></use></svg><!----></div><span class="icon-name">printer</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yuque"></use></svg><!----></div><span class="icon-name">yuque</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-car"></use></svg><!----></div><span class="icon-name">car</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-windows"></use></svg><!----></div><span class="icon-name">windows</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-gateway"></use></svg><!----></div><span class="icon-name">gateway</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reddit"></use></svg><!----></div><span class="icon-name">reddit</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cluster"></use></svg><!----></div><span class="icon-name">cluster</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-warning-circle-fill"></use></svg><!----></div><span class="icon-name">warning-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-question-circle-fill"></use></svg><!----></div><span class="icon-name">question-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-info-circle-fill"></use></svg><!----></div><span class="icon-name">info-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-close-circle-fill"></use></svg><!----></div><span class="icon-name">close-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-check-circle-fill"></use></svg><!----></div><span class="icon-name">check-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sliders-fill"></use></svg><!----></div><span class="icon-name">sliders-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-boxplot-fill"></use></svg><!----></div><span class="icon-name">boxplot-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-build-fill"></use></svg><!----></div><span class="icon-name">build-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-golden-fill"></use></svg><!----></div><span class="icon-name">golden-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-USB-fill"></use></svg><!----></div><span class="icon-name">USB-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-setting-fill"></use></svg><!----></div><span class="icon-name">setting-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shop-fill"></use></svg><!----></div><span class="icon-name">shop-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-printer-fill"></use></svg><!----></div><span class="icon-name">printer-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-car-fill"></use></svg><!----></div><span class="icon-name">car-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-mail-fill"></use></svg><!----></div><span class="icon-name">mail-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-crown-fill"></use></svg><!----></div><span class="icon-name">crown-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-error-fill"></use></svg><!----></div><span class="icon-name">error-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-camera-fill"></use></svg><!----></div><span class="icon-name">camera-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bank-fill"></use></svg><!----></div><span class="icon-name">bank-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tags-fill"></use></svg><!----></div><span class="icon-name">tags-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wrench-fill"></use></svg><!----></div><span class="icon-name">wrench-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tag-fill"></use></svg><!----></div><span class="icon-name">tag-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-thunderbolt-fill"></use></svg><!----></div><span class="icon-name">thunderbolt-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rocket-fill"></use></svg><!----></div><span class="icon-name">rocket-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-pushpin-fill"></use></svg><!----></div><span class="icon-name">pushpin-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-edit-fill"></use></svg><!----></div><span class="icon-name">edit-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-phone-fill"></use></svg><!----></div><span class="icon-name">phone-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-highlight-fill"></use></svg><!----></div><span class="icon-name">highlight-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-api-fill"></use></svg><!----></div><span class="icon-name">api-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alert-fill"></use></svg><!----></div><span class="icon-name">alert-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-unlock-fill"></use></svg><!----></div><span class="icon-name">unlock-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-star-fill"></use></svg><!----></div><span class="icon-name">star-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-unlike-fill"></use></svg><!----></div><span class="icon-name">unlike-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-lock-fill"></use></svg><!----></div><span class="icon-name">lock-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-like-fill"></use></svg><!----></div><span class="icon-name">like-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-eye-fill"></use></svg><!----></div><span class="icon-name">eye-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-experiment-fill"></use></svg><!----></div><span class="icon-name">experiment-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-customerservice-fill"></use></svg><!----></div><span class="icon-name">customerservice-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-fill"></use></svg><!----></div><span class="icon-name">cloud-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-location-fill"></use></svg><!----></div><span class="icon-name">location-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-trophy-fill"></use></svg><!----></div><span class="icon-name">trophy-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-home-fill"></use></svg><!----></div><span class="icon-name">home-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-hourglass-fill"></use></svg><!----></div><span class="icon-name">hourglass-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-gift-fill"></use></svg><!----></div><span class="icon-name">gift-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-funnelplot-fill"></use></svg><!----></div><span class="icon-name">funnelplot-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fire-fill"></use></svg><!----></div><span class="icon-name">fire-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-filter-fill"></use></svg><!----></div><span class="icon-name">filter-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bell-fill"></use></svg><!----></div><span class="icon-name">bell-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bulb-fill"></use></svg><!----></div><span class="icon-name">bulb-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sound-fill"></use></svg><!----></div><span class="icon-name">sound-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-video-fill"></use></svg><!----></div><span class="icon-name">video-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-skin-fill"></use></svg><!----></div><span class="icon-name">skin-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shopping-fill"></use></svg><!----></div><span class="icon-name">shopping-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-rest-fill"></use></svg><!----></div><span class="icon-name">rest-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-medicinebox-fill"></use></svg><!----></div><span class="icon-name">medicinebox-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-moneycollect-fill"></use></svg><!----></div><span class="icon-name">moneycollect-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-flag-fill"></use></svg><!----></div><span class="icon-name">flag-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-notification-fill"></use></svg><!----></div><span class="icon-name">notification-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-delete-fill"></use></svg><!----></div><span class="icon-name">delete-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-contacts-fill"></use></svg><!----></div><span class="icon-name">contacts-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-read-fill"></use></svg><!----></div><span class="icon-name">read-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-fund-fill"></use></svg><!----></div><span class="icon-name">fund-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-creditcard-fill"></use></svg><!----></div><span class="icon-name">creditcard-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-idcard-fill"></use></svg><!----></div><span class="icon-name">idcard-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-image-fill"></use></svg><!----></div><span class="icon-name">image-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calendar-check-fill"></use></svg><!----></div><span class="icon-name">calendar-check-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sever-fill"></use></svg><!----></div><span class="icon-name">sever-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-container-fill"></use></svg><!----></div><span class="icon-name">container-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-database-fill"></use></svg><!----></div><span class="icon-name">database-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-open-fill"></use></svg><!----></div><span class="icon-name">folder-open-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-fill"></use></svg><!----></div><span class="icon-name">folder-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-folder-add-fill"></use></svg><!----></div><span class="icon-name">folder-add-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reconciliation-fill"></use></svg><!----></div><span class="icon-name">reconciliation-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-batchfolding-fill"></use></svg><!----></div><span class="icon-name">batchfolding-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-snippets-fill"></use></svg><!----></div><span class="icon-name">snippets-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-copy-fill"></use></svg><!----></div><span class="icon-name">file-copy-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-diff-fill"></use></svg><!----></div><span class="icon-name">diff-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-image-fill"></use></svg><!----></div><span class="icon-name">file-image-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-pdf-fill"></use></svg><!----></div><span class="icon-name">file-pdf-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-zip-fill"></use></svg><!----></div><span class="icon-name">file-zip-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-word-fill"></use></svg><!----></div><span class="icon-name">file-word-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-unknown-fill"></use></svg><!----></div><span class="icon-name">file-unknown-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-ppt-fill"></use></svg><!----></div><span class="icon-name">file-ppt-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-text-fill"></use></svg><!----></div><span class="icon-name">file-text-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-markdown-fill"></use></svg><!----></div><span class="icon-name">file-markdown-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-excel-fill"></use></svg><!----></div><span class="icon-name">file-excel-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-fill"></use></svg><!----></div><span class="icon-name">file-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-file-add-fill"></use></svg><!----></div><span class="icon-name">file-add-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-securityscan-fill"></use></svg><!----></div><span class="icon-name">securityscan-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-insurance-fill"></use></svg><!----></div><span class="icon-name">insurance-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-propertysafety-fill"></use></svg><!----></div><span class="icon-name">propertysafety-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-redenvelope-fill"></use></svg><!----></div><span class="icon-name">redenvelope-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-book-fill"></use></svg><!----></div><span class="icon-name">book-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-tablet-fill"></use></svg><!----></div><span class="icon-name">tablet-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-mobile-fill"></use></svg><!----></div><span class="icon-name">mobile-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-appstore-fill"></use></svg><!----></div><span class="icon-name">appstore-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-layout-fill"></use></svg><!----></div><span class="icon-name">layout-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-control-fill"></use></svg><!----></div><span class="icon-name">control-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wallet-fill"></use></svg><!----></div><span class="icon-name">wallet-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-save-fill"></use></svg><!----></div><span class="icon-name">save-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-detail-fill"></use></svg><!----></div><span class="icon-name">detail-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-project-fill"></use></svg><!----></div><span class="icon-name">project-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-interation-fill"></use></svg><!----></div><span class="icon-name">interation-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calculator-fill"></use></svg><!----></div><span class="icon-name">calculator-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-calendar-fill"></use></svg><!----></div><span class="icon-name">calendar-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-carryout-fill"></use></svg><!----></div><span class="icon-name">carryout-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-accountbook-fill"></use></svg><!----></div><span class="icon-name">accountbook-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-plus-square-fill"></use></svg><!----></div><span class="icon-name">plus-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-right-square-fill"></use></svg><!----></div><span class="icon-name">right-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-up-square-fill"></use></svg><!----></div><span class="icon-name">up-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-play-square-fill"></use></svg><!----></div><span class="icon-name">play-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-left-square-fill"></use></svg><!----></div><span class="icon-name">left-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-codelibrary-fill"></use></svg><!----></div><span class="icon-name">codelibrary-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-close-square-fill"></use></svg><!----></div><span class="icon-name">close-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-formatpainter-fill"></use></svg><!----></div><span class="icon-name">formatpainter-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-minus-square-fill"></use></svg><!----></div><span class="icon-name">minus-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-down-square-fill"></use></svg><!----></div><span class="icon-name">down-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-check-square-fill"></use></svg><!----></div><span class="icon-name">check-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-message-fill"></use></svg><!----></div><span class="icon-name">message-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dashboard-fill"></use></svg><!----></div><span class="icon-name">dashboard-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-heart-fill"></use></svg><!----></div><span class="icon-name">heart-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-YUAN-circle-fill"></use></svg><!----></div><span class="icon-name">YUAN-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-time-circle-fill"></use></svg><!----></div><span class="icon-name">time-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-stop-fill"></use></svg><!----></div><span class="icon-name">stop-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-smile-fill"></use></svg><!----></div><span class="icon-name">smile-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Pound-circle-fill"></use></svg><!----></div><span class="icon-name">Pound-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-play-circle-fill"></use></svg><!----></div><span class="icon-name">play-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-meh-fill"></use></svg><!----></div><span class="icon-name">meh-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-poweroff-circle-fill"></use></svg><!----></div><span class="icon-name">poweroff-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-eyeclose-fill"></use></svg><!----></div><span class="icon-name">eyeclose-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Dollar-circle-fill"></use></svg><!----></div><span class="icon-name">Dollar-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-compass-fill"></use></svg><!----></div><span class="icon-name">compass-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-CI-circle-fill"></use></svg><!----></div><span class="icon-name">CI-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-frown-fill"></use></svg><!----></div><span class="icon-name">frown-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-EURO-circle-fill"></use></svg><!----></div><span class="icon-name">EURO-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-plus-circle-fill"></use></svg><!----></div><span class="icon-name">plus-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-right-circle-fill"></use></svg><!----></div><span class="icon-name">right-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-up-circle-fill"></use></svg><!----></div><span class="icon-name">up-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-minus-circle-fill"></use></svg><!----></div><span class="icon-name">minus-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-down-circle-fill"></use></svg><!----></div><span class="icon-name">down-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-left-circle-fill"></use></svg><!----></div><span class="icon-name">left-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-shortcut-fill"></use></svg><!----></div><span class="icon-name">shortcut-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-signal-fill"></use></svg><!----></div><span class="icon-name">signal-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-bug-fill"></use></svg><!----></div><span class="icon-name">bug-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-robot-fill"></use></svg><!----></div><span class="icon-name">robot-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-audio-fill"></use></svg><!----></div><span class="icon-name">audio-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zhihu-square-fill"></use></svg><!----></div><span class="icon-name">zhihu-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-weibo-square-fill"></use></svg><!----></div><span class="icon-name">weibo-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-taobao-square-fill"></use></svg><!----></div><span class="icon-name">taobao-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-slack-square-fill"></use></svg><!----></div><span class="icon-name">slack-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sketch-square-fill"></use></svg><!----></div><span class="icon-name">sketch-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-twitter-square-fill"></use></svg><!----></div><span class="icon-name">twitter-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reddit-square-fill"></use></svg><!----></div><span class="icon-name">reddit-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-QQ-square-fill"></use></svg><!----></div><span class="icon-name">QQ-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-linkedin-fill"></use></svg><!----></div><span class="icon-name">linkedin-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-medium-square-fill"></use></svg><!----></div><span class="icon-name">medium-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-IE-square-fill"></use></svg><!----></div><span class="icon-name">IE-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-instagram-fill"></use></svg><!----></div><span class="icon-name">instagram-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-google-square-fill"></use></svg><!----></div><span class="icon-name">google-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-facebook-fill"></use></svg><!----></div><span class="icon-name">facebook-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dropbox-square-fill"></use></svg><!----></div><span class="icon-name">dropbox-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dribbble-square-fill"></use></svg><!----></div><span class="icon-name">dribbble-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-codepen-square-fill"></use></svg><!----></div><span class="icon-name">codepen-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-amazon-square-fill"></use></svg><!----></div><span class="icon-name">amazon-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-behance-square-fill"></use></svg><!----></div><span class="icon-name">behance-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dingtalk-square-fill"></use></svg><!----></div><span class="icon-name">dingtalk-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alipay-square-fill"></use></svg><!----></div><span class="icon-name">alipay-square-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-reddit-circle-fill"></use></svg><!----></div><span class="icon-name">reddit-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-zhihu-circle-fill"></use></svg><!----></div><span class="icon-name">zhihu-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-weibo-circle-fill"></use></svg><!----></div><span class="icon-name">weibo-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-taobao-circle-fill"></use></svg><!----></div><span class="icon-name">taobao-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-twitter-circle-fill"></use></svg><!----></div><span class="icon-name">twitter-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-slack-circle-fill"></use></svg><!----></div><span class="icon-name">slack-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-sketch-circle-fill"></use></svg><!----></div><span class="icon-name">sketch-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dingtalk-circle-fill"></use></svg><!----></div><span class="icon-name">dingtalk-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-google-circle-fill"></use></svg><!----></div><span class="icon-name">google-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-IE-circle-fill"></use></svg><!----></div><span class="icon-name">IE-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-QQ-circle-fill"></use></svg><!----></div><span class="icon-name">QQ-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-medium-circle-fill"></use></svg><!----></div><span class="icon-name">medium-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dribbble-circle-fill"></use></svg><!----></div><span class="icon-name">dribbble-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-github-fill"></use></svg><!----></div><span class="icon-name">github-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-dropbox-circle-fill"></use></svg><!----></div><span class="icon-name">dropbox-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-codepen-circle-fill"></use></svg><!----></div><span class="icon-name">codepen-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-amazon-circle-fill"></use></svg><!----></div><span class="icon-name">amazon-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-behance-circle-fill"></use></svg><!----></div><span class="icon-name">behance-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-aliwangwang-fill"></use></svg><!----></div><span class="icon-name">aliwangwang-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-alipay-circle-fill"></use></svg><!----></div><span class="icon-name">alipay-circle-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-chrome-fill"></use></svg><!----></div><span class="icon-name">chrome-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-wechat-fill"></use></svg><!----></div><span class="icon-name">wechat-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yahoo-fill"></use></svg><!----></div><span class="icon-name">yahoo-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Youtube-fill"></use></svg><!----></div><span class="icon-name">Youtube-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-yuque-fill"></use></svg><!----></div><span class="icon-name">yuque-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-skype-fill"></use></svg><!----></div><span class="icon-name">skype-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-windows-fill"></use></svg><!----></div><span class="icon-name">windows-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-HTML-fill"></use></svg><!----></div><span class="icon-name">HTML-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-apple-fill"></use></svg><!----></div><span class="icon-name">apple-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-android-fill"></use></svg><!----></div><span class="icon-name">android-fill</span></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-Gitlab-fill"></use></svg><!----></div><span class="icon-name">Gitlab-fill</span></div><!--]--></div><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">组件名称</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="修改颜色" tabindex="-1">修改颜色 <a class="header-anchor" href="#修改颜色" aria-hidden="true">#</a></h2><div class="icon-wrap"><div class="icon-item"><div class="y-icon"><svg class="icon" style="color:red;width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-cloud-download"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="color:green;width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-like"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="color:orange;width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-heart"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="color:blue;width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-delete"></use></svg><!----></div></div></div><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">cloud-download</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">color</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">red</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">like</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">color</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">green</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">heart</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">color</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">orange</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">delete</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">color</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">blue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="控制大小" tabindex="-1">控制大小 <a class="header-anchor" href="#控制大小" aria-hidden="true">#</a></h2><div class="icon-wrap"><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:10px;height:10px;" aria-hidden="true"><use xlink:href="#young-cloud-download"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:20px;height:20px;" aria-hidden="true"><use xlink:href="#young-like"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:30px;height:30px;" aria-hidden="true"><use xlink:href="#young-heart"></use></svg><!----></div></div><div class="icon-item"><div class="y-icon"><svg class="icon" style="width:40px;height:40px;" aria-hidden="true"><use xlink:href="#young-delete"></use></svg><!----></div></div></div><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">cloud-download</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">size</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">10</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">like</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">size</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">20</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">heart</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> :</span><span style="color:#C792EA;">size</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#F78C6C;">30</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">delete</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> :</span><span style="color:#C792EA;">size</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#F78C6C;">40</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="添加角标" tabindex="-1">添加角标 <a class="header-anchor" href="#添加角标" aria-hidden="true">#</a></h2><div class="icon-wrap"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-phone"></use></svg><div class="y-dot y-info"></div></div></div><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">phone</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">dot</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="数字角标" tabindex="-1">数字角标 <a class="header-anchor" href="#数字角标" aria-hidden="true">#</a></h2><div class="icon-wrap"><div class="y-icon"><svg class="icon" style="width:36px;height:36px;" aria-hidden="true"><use xlink:href="#young-phone"></use></svg><div class="y-info">1</div></div></div><div class="language-vue"><button class="copy"></button><span class="lang">vue</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">y-icon</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">phone</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">dot</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">badge</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-hidden="true">#</a></h2><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>icon 名</td><td>string</td><td><a href="#基础用法">基础用法</a></td><td>——</td></tr><tr><td>dot</td><td>是否有角标</td><td>boolean</td><td>——</td><td>false</td></tr><tr><td>badge</td><td>数字角标内容(dot 为 true 才生效)</td><td>string</td><td>——</td><td>——</td></tr><tr><td>color</td><td>icon 颜色</td><td>string</td><td>——</td><td>——</td></tr><tr><td>size</td><td>icon 大小,传入 25 就是 25px</td><td>string/number</td><td>——</td><td>16</td></tr><tr><td>iconStyle</td><td>svg 的内联样式</td><td>CSSProperties{}</td><td>——</td><td>——</td></tr><tr><td>iconClass</td><td>svg 的 class 名</td><td>string</td><td>——</td><td>——</td></tr></tbody></table></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-48aae400 data-v-6f818b12><!----><div class="prev-next" data-v-6f818b12><div class="pager" data-v-6f818b12><a class="pager-link prev" href="/young-design-docs/examples/button.html" data-v-6f818b12><span class="desc" data-v-6f818b12>Previous page</span><span class="title" data-v-6f818b12>Button 按钮</span></a></div><div class="has-prev pager" data-v-6f818b12><a class="pager-link next" href="/young-design-docs/examples/container.html" data-v-6f818b12><span class="desc" data-v-6f818b12>Next page</span><span class="title" data-v-6f818b12>Container 布局容器</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"examples_avatar.md\":\"5ef74db9\",\"examples_back-top.md\":\"eff2b663\",\"examples_button.md\":\"b40ce99f\",\"examples_card.md\":\"a4f737e2\",\"examples_container.md\":\"cf204c01\",\"examples_dialog.md\":\"3981a76e\",\"examples_drawer.md\":\"53f82345\",\"examples_icon.md\":\"ff680703\",\"examples_info.md\":\"3ca1f07b\",\"examples_input.md\":\"6d0ee76c\",\"examples_message.md\":\"ca7f41dc\",\"examples_notification.md\":\"8cc37c5c\",\"examples_popover.md\":\"fcd855f6\",\"examples_radio.md\":\"fd579072\",\"examples_rate.md\":\"f0c3a4bb\",\"examples_scroll.md\":\"10b478dc\",\"examples_select.md\":\"b2145a45\",\"examples_shake.md\":\"7953f42b\",\"examples_switch.md\":\"768b8b1a\",\"examples_table.md\":\"b2748e06\",\"examples_textarea.md\":\"bc21608f\",\"examples_upload.md\":\"0ff0e680\",\"guild_advanced.md\":\"b723c942\",\"guild_installation.md\":\"ad0cc280\",\"guild_quickstart.md\":\"a99902b7\",\"index.md\":\"d92f9c8c\"}")</script>
    <script type="module" async src="/young-design-docs/assets/app.58e303bb.js"></script>
    
  </body>
</html>